<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网页定位导航效果</title>
		<link rel="stylesheet" type="text/css" href="css/index001.css">
		<script src="vendor/jquery-3.1.0.js"></script>
		<script type="text/javascript" src="js/index001.js"></script>
	</head>
	<body>
		<div id="menu">
			<ul>
				<li><a href="#item1" class="current">1F 男装</a></li>
				<li><a href="#item2">2F 女装</a></li>
				<li><a href="#item3">3F 美妆</a></li>
				<li><a href="#item4">4F 数码</a></li>
				<li><a href="#item5">5F 母婴</a></li>
			</ul>
		</div>
		<div id="content">
			<h1>购物网</h1>
			<div id="item1" class="item">
				<h2>1F 男装</h2>
				<ul>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
				</ul>
			</div>
			<div id="item2" class="item">
				<h2>2F 女装</h2>
				<ul>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
				</ul>
			</div>
			<div id="item3" class="item">
				<h2>3F 美妆</h2>
				<ul>
					<li><a href="#"><img src="img/3.jpg" /></a></li>
					<li><a href="#"><img src="img/3.jpg" /></a></li>
					<li><a href="#"><img src="img/3.jpg" /></a></li>
					<li><a href="#"><img src="img/3.jpg" /></a></li>
					<li><a href="#"><img src="img/3.jpg" /></a></li>
					<li><a href="#"><img src="img/3.jpg" /></a></li>
					<li><a href="#"><img src="img/3.jpg" /></a></li>
					<li><a href="#"><img src="img/3.jpg" /></a></li>
					<li><a href="#"><img src="img/3.jpg" /></a></li>
				</ul>
			</div>
			<div id="item4" class="item">
				<h2>4F 数码</h2>
				<ul>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
					<li><a href="#"><img src="img/1.jpg" /></a></li>
				</ul>
			</div>
			<div id="item5" class="item">
				<h2>5F 母婴</h2>
				<ul>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
					<li><a href="#"><img src="img/2.jpg" /></a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
